@charset "utf-8";
// 重置样式
@media all {
  html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
  }

  ul, ol, li {
    list-style: none;
  }

  a, u {
    text-decoration: none;
  }

  img {
    display: block;
    border: 0;
  }

  * {
    box-sizing: border-box;
  }

  :root {
    --c_mainBlue: #008aff;
    --c_highlightBlue: #1cb8f6;
    --c_mainWhite: #fff;
    --c_mainGray: #666;
    --c_bg: #0a0919;
    --c_bg_chart: rgba(0, 138, 255, 0.1);
  }

  html, body {
    height: 100%;
    color: var(--c_mainWhite);
    background-color: var(--c_bg);
    overflow: hidden;
  }
  h3, h4, h5 {
    font-weight: normal;
  }

  button {
    outline: none;
  }

  #container {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
  }
}

// 全局样式
  @font-face {
    font-family: digitalNumber;
    src: url("../assets/font/digitalNumber.TTF");
  }

  .myBg {
    background-size: 100% 100%;
    background-origin: content-box;
    background-repeat: no-repeat;
  }
  strong {
    font-weight: normal;
    color: var(--c_mainBlue);
    letter-spacing: .125rem;
  }
  h3 {
    font-size: 1.125rem;
    letter-spacing: .0625rem;
    color: var(--c_mainWhite);
    &.en {
      margin-top: .3rem;
      color: #999;
      font-size: .75rem;
    }
  }

  h4 {
    font-size: 1.125rem;
    letter-spacing: .125rem;
  }
  h5 {
    letter-spacing: .125rem;
  }
  #container {
    height: 100%;
  }

// 图标
@media all {
  i {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .icon { //symbol图标专用
    margin-right: .5rem;
    width: 1.875rem;
    height: 1.875rem;
    vertical-align: -0.5em;
    fill: currentColor;
    overflow: hidden;
  }
}

//头部
header {
  position: relative;
  margin-top: 3.25rem;

  h1 {
    margin: 0 4.5rem .5rem;
    font-size: 1.875rem;
    font-weight: normal;
    color: var(--c_mainWhite);

    &.en {
      font-size: 1rem;
      color: var(--c_mainWhite);
      margin-bottom: 0;
      margin-top: 0.5rem;
      font-weight: 400;
    }
  }

  .header-r {
    display: inline-block;
    position: absolute;
    right: 2.1875rem;
    top: 2.5rem;
    font-size: 1.125rem;
    time{
      letter-spacing: .0625rem;
      margin-right: 1rem;
      .digital-num{
        font-family: "digitalNumber", serif;
        font-size: 1.5rem;
        margin: 0 .125rem;
        &:last-child{
          margin-left: 1rem;
          margin-right: 0;
        }
        .colon{
          display: inline-block;
          font-family: sans-serif;
          width: .125rem
        }
      }
    }

  }
}

main {
  flex: 1;
  display: flex;
  padding: 0 4.375rem;
}








